<template>
  <div class="prince">
    <h4>{{name}}</h4>
    <img :src=imgsrc alt="">
    <div class="txt">
      {{txt}}
    </div>
  </div>
</template>
<script>
  // 定义全局指令
  /*Vue.directive('img',{
    inserted:function(el, binding){
      var color = Math.floor(Math.random()*1000000);
      el.style.backgroundColor = "#" + color;
      var img = new Image();
      img.src = binding.value; //获得传给指令的值
      img.onload = function(){
        el.style.backgroundImage = 'url(' + binding.value + ')';
      }
    }
  })*/

  import img from "../assets/fox.jpg"

  export default {
    name: "fox",
    
    data(){
      return{
        name:"小狐狸",
        imgsrc: img,
        txt:"狐狸知道并且厌烦了在猎人过节日时去偷鸡，他已经谙熟了这个世界的生存法则。而这个世界的法则跟小王子的世界是完全不一样的，小王子的星球的生存法则就是纪律性的——分辨并拔掉猴面包树的苗，定期清理火山。小王子的世界因为有定数，所以单纯简单，他们两个注定无法在一个世界。所以狐狸一出场就以一个成熟老练甚至狡黠的身份出现，这也注定了他感情上的成熟和智者身份的教诲。在狐狸执意要小王子驯养他之前，他就知道这段感情注定是一场空。其实驯养不一定意味着就会喜欢就会爱，驯养的本质是一种习惯，一种填补。但狐狸爱上了他。因为即便在分别的时候如此难过，狐狸也不忘叮嘱小王子要对玫瑰负责。让自己爱的人对他爱的人负责，是怎样的心情，怎样的心胸呢，要多么深沉的爱才可以认真说出这种话呢。小王子在玫瑰那里受的伤，狐狸来安抚，小王子对玫瑰的责任，狐狸来教，狐狸阿狐狸，你怎么偏偏爱上了如此单纯的小王子。你教导小王子要对他所驯养的一切负责，这其中是不是，也包括你自己呢？如果不包括，又是怎样的一种牺牲阿。但在小王子走后，至少狐狸不会那么寂寞，因为狐狸从此爱上风吹麦浪的声音，心中有了想念的人。无牵无挂心中空空如也才最是寂寞。你走，我不送你。你来，无论多大风多大雨，我要去接你。——梁实秋你要走便走，我不会留。"
      }
    }
  }
</script>
<style scoped>
  img{
    padding: 10px 0;
    max-width: 400px;
  }
  .txt{
    margin: 10px 0;
  }
</style>